<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>

<!-- 引入基础的css和js -->
<link rel="import" href="../public/import.html" id="import"/>

</head>
<body>
<div id="app" v-cloak class="content-div">
    <!-- 列表显示区间 start -->
	<div v-show="showList">
	     <!-- 查询块 start -->
	     <div >
		   	 <div class="panel panel-default">
		        <div >
		            <form id="formSearch" class="form-horizontal">
		                <div class="form-group" >
		                    <div class="col-sm-3">
								<div class="input-group">
								    <div class="input-group-btn">
								        <button  class="btn btn-white" type="button">{{sysParameterField.paramName}}</button>
								    </div>
								    <input type="text" class="form-control" v-model="search.paramName"
								        onkeyup="this.value=this.value.trim()"/>
							     </div>
					        </div>
					        
					        <!-- <div class="col-sm-3">
								<div class="input-group">
								    <div class="input-group-btn">
								        <button  class="btn btn-white" type="button">{{sysParameterField.status}}</button>
								    </div>
								    	<select class="input-small form-control" name="groupType" v-model="search.status" >
								    		<option value="">{{pageData.select}}</option>
	              							<option v-for = "data in baseData.STATUS" :value="data.key">{{data.value}}</option>
	              						</select>
							     </div>
					        </div> -->
					        
					        <div class="col-sm-3">
								<button type="button" style="margin-left:10px" id="btn_query" class="btn btn-primary" v-on:click="query">{{pageData.query}}</button>
                            </div>
		                </div>
		            </form>
		        </div>
		    </div>
	    </div>
	    <!-- 查询块 end -->   
	    <!-- 列表table显示 start -->
		<div class="grid-btn" id="toolbar">
			<!-- <a v-if="hasPermission('sysparameter:save')" class="btn btn-primary" v-on:click="add"><i class="fa fa-plus"></i>&nbsp;{{pageData.add}}</a> -->
			<a  v-if="hasPermission('sysparameter:update')" class="btn btn-primary" v-on:click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;{{pageData.update}}</a>
			<!-- <a id="delete" v-if="hasPermission('sysparameter:delete')" class="btn btn-primary" v-on:click="del"><i class="fa fa-trash-o"></i>&nbsp;{{pageData.delete}}</a> -->
			<!-- <a id="submit" v-if="hasPermission('sysparameter:submit')" class="btn btn-primary" v-on:click="audit(1)"><i class="fa fa-hand-pointer-o"></i>&nbsp;{{pageData.auditSubmit}}</a>
			<a id="checkOk" v-if="hasPermission('sysparameter:auditpass')" class="btn btn-primary" v-on:click="audit(2)"><i class="fa fa-check-circle"></i>&nbsp;{{pageData.auditPass}}</a>
			<a id="checkFail" v-if="hasPermission('sysparameter:auditnopass')" class="btn btn-primary" v-on:click="audit(3)"><i class="fa fa-minus-circle"></i>&nbsp;{{pageData.auditNoPass}}</a>	 -->
		</div>
	    <table id="table"></table>
	    <!-- 列表table显示end -->
	</div>
    <!-- 列表显示区间 end -->
    
    <!-- 编辑内容显示区间 start -->
    <div v-show="!showList" class="panel panel-default">
		<div class="panel-heading">{{title}} <a class="ml10" href="javascript:void(0)"  data-toggle="tooltip" v-on:click="reload"><i class="fa fa-arrow-left"></i></a></div>
		<form id="defaultForm" class="form-horizontal" enctype="multipart/form-data"  @submit.prevent="saveOrUpdate">
										
			<div class="form-group">
			     	<div class="col-sm-2 control-label">{{sysParameterField.paramName}}</div>
			     	<div class="col-sm-3">
	              		<input type="text"  readonly="readonly"  class="input-small form-control" name="paramName" v-model="sysParameter.paramName" :placeholder="sysParameterField.paramName"/>
	                </div>
	         </div>
	    						
			<div class="form-group">
			     	<div class="col-sm-2 control-label">{{sysParameterField.paramKey}}</div>
			     	<div class="col-sm-3">
	              		<input type="text"  readonly="readonly"  class="input-small form-control" name="paramKey" v-model="sysParameter.paramKey" :placeholder="sysParameterField.paramKey"/>
	                </div>
	         </div>
	    						
			<div class="form-group">
			     	<div class="col-sm-2 control-label">{{sysParameterField.paramValue}}</div>
			     	<div class="col-sm-3">
	              		<input type="text" class="input-small form-control" name="paramValue" v-model="sysParameter.paramValue" :placeholder="sysParameterField.paramValue"/>
	                </div>
	         </div>
	    						
			<div class="form-group">
			     	<div class="col-sm-2 control-label">{{sysParameterField.regularExp}}</div>
			     	<div class="col-sm-3">
	              		<input type="text"  readonly="readonly"  class="input-small form-control" name="regularExp" v-model="sysParameter.regularExp" :placeholder="sysParameterField.regularExp"/>
	                </div>
	         </div>
	    						
			<div class="form-group">
			     	<div class="col-sm-2 control-label">{{sysParameterField.describe}}</div>
			     	<div class="col-sm-3">
	              		<input type="text" class="input-small form-control" name="describe" v-model="sysParameter.describe" :placeholder="sysParameterField.describe"/>
	                </div>
	         </div>
	    						
			<!-- <div class="form-group">
			     	<div class="col-sm-2 control-label">{{sysParameterField.status}}</div>
			     	<div class="col-sm-3">
	              		<input type="text" class="input-small form-control" name="status" v-model="sysParameter.status" :placeholder="sysParameterField.status"/>
	                </div>
	         </div>
	    						
			<div class="form-group">
			     	<div class="col-sm-2 control-label">{{sysParameterField.cerateBy}}</div>
			     	<div class="col-sm-3">
	              		<input type="text" class="input-small form-control" name="cerateBy" v-model="sysParameter.cerateBy" :placeholder="sysParameterField.cerateBy"/>
	                </div>
	         </div>
	    						
			<div class="form-group">
			     	<div class="col-sm-2 control-label">{{sysParameterField.createTime}}</div>
			     	<div class="col-sm-3">
	              		<input type="text" class="input-small form-control" name="createTime" v-model="sysParameter.createTime" :placeholder="sysParameterField.createTime"/>
	                </div>
	         </div>
	    						
			<div class="form-group">
			     	<div class="col-sm-2 control-label">{{sysParameterField.updateBy}}</div>
			     	<div class="col-sm-3">
	              		<input type="text" class="input-small form-control" name="updateBy" v-model="sysParameter.updateBy" :placeholder="sysParameterField.updateBy"/>
	                </div>
	         </div>
	    						
			<div class="form-group">
			     	<div class="col-sm-2 control-label">{{sysParameterField.updateTime}}</div>
			     	<div class="col-sm-3">
	              		<input type="text" class="input-small form-control" name="updateTime" v-model="sysParameter.updateTime" :placeholder="sysParameterField.updateTime"/>
	                </div>
	         </div> -->
	    				
		     <div class="form-group">
				<div class="col-sm-4 control-label"></div> 
					<input id="validateBtn" type="button" class="btn btn-primary" v-on:click="saveOrUpdate"  :value="pageData.sure"/>&nbsp;&nbsp;
					<input type="button" class="btn btn-warning" v-on:click="reload" :value="pageData.return"/>
			 </div>		
		</form>
    </div>
	<!-- 编辑内容显示区间 end -->
	    
</div>

<script src="../sys/js/sysparameter.js"></script>
<script src="../public/js/mobileXg.js"></script>
</body>
</html>